.bigBox {
    width : 100%;
    height: calc(100% - 50px);

    .inpBox {
        width           : 100%;
        height          : 50px;
        background-color: #F5F5F5;
        text-align      : center;

        input:focus {
            outline: none;
        }

        .inp {
            margin-top      : 7.5px;
            width           : 95%;
            height          : 35px;
            border-radius   : 25px;
            border-width    : 0ch;
            background-color: #fff;
            position        : relative;
            padding-left    : 40px;


        }

        .lens {
            position: absolute;
            top     : 17px;
            left    : 18px;
            width   : 30px;
            height  : 30px;
            z-index : 1;
            color   : #ABABAB;
        }
    }

    .two {
        background-color: #F5F5F5;
        width           : 100%;
        height          : 100%;
        display         : flex;
        overflow        : hidden;
        .left {
            flex: .3;

            .nam {
                width      : 100%;
                height     : 50px;
                line-height: 50px;
                text-align : center;
                font-size  : 16px;

                &.active {
                    background-color: #fff;
                    color           : #0EB6FF;
                }
            }
        }

        .rigth {
            flex    : .7;
            overflow: auto;
            .run{
                width: 100%;
                height: 50px;
                background-color: #fff;
                line-height: 50px;
                span{
                    margin: 0 10px;
                    font-size: 15px;
                    color: #9D9E9D;
                    background-color: #F5F5F5;
                    padding: 4px 6px;
                    border-radius: 10px;
                    &.active{
                        color: #0EB6FF;
                        background-color: #E6F7FF;
                    }
                }
            }
            .smallBox {
                width           : 100%;
                height          : 120px;
                margin-bottom   : 10px;
                background-color: #fff;
                display         : flex;
                position: relative;
                .img {
                    width : 120px;
                    height: 120px;

                    img {
                        // margin-top: 20px;
                        width : 120px;
                        height: 120px;
                    }
                }

                .xpg {
                    p {
                        margin: 10px 0;
                    }

                    .one {
                        font-weight: 600;
                        font-size  : 15px;
                    }

                    .er {
                        color: #9D9EB6;

                        span {
                            margin: 0 3px;
                        }
                    }

                    .three {
                        span {
                            display      : inline-block;
                            color        : #9D9EB6;
                            margin       : 0 5px;
                            // width: ;
                            border       : 1px #9D9EB6 solid;
                            border-radius: 5px;
                            padding      : 2px 4px;

                            &:first-child {
                                color       : red;
                                border-color: red;
                            }
                        }
                    }

                    .four {
                        font-size  : 15px;
                        font-weight: 600px;
                        
                        span {
                            color: red;
                        }

                        i {
                            color: #fff;
                            display         : inline-block;
                            width           : 25px;
                            height          : 25px;
                            text-align: center;
                            line-height: 25px;
                            background-color: #0EB6FF;
                            border-radius: 50%;
                            position: absolute;
                            right: 10px;
                            bottom: 1px;
                        }
                    }
                }
            }
        }
    }
}